﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="Content/bootstrap.css" rel="stylesheet" />
    <link href="Content/font-awesome.css" rel="stylesheet" />
</head>
<body>
    
    <div class="jumbotron">
        <input class="input-lg text-info" type="text" id="taskName" placeholder="Enter the task here..." />
        <div class="btn btn-success" onclick="addTask()">
            <i class="fa fa-plus-circle"></i>
            Add Task
        </div>
        <div class="btn btn-danger" onclick="clearDone()">
            <i class="fa fa-minus-circle"></i>
            Clear Done
        </div>
    </div>
    <div id="tableHolder">
        <table class="table table-bordered table-striped table-hover">
            <thead><tr><th>Task</th></tr></thead>
            <tbody><tr><td>This would be a task...</td></tr></tbody>
        </table>
    </div>

    <script src="Scripts/jquery-1.9.1.js"></script>
    <script src="Scripts/bootstrap.js"></script>
    <script src="_script.js"></script>
</body>
</html>
